<template>
    <div class="foot-bar flex flex-col justify-between w-[1226px] mx-auto h-[520px]">
        <ul class=" foot-top flex flex-row w-full justify-between items-center my-10 border-b-2 py-10 ">
            <li><a rel="nofollow" href="//www.mi.com/service/quick-repair" target="_blank">预约维修服务</a></li>
            <li><a rel="nofollow" href="//www.mi.com/service/exchange#back" target="_blank">7天无理由退货</a></li>
            <li><a rel="nofollow" href="//www.mi.com/service/exchange#back" target="_blank">15天免费换货</a></li>
            <li><a rel="nofollow" href="//www.mi.com/service/buy/Postal%20policy" target="_blank">
                    <span id="J_footerPrice">满69元包邮</span></a></li>
            <li><a rel="nofollow" href="//www.mi.com/service/sitelist" target="_blank">520余家售后网点</a>
            </li>
        </ul>
        <div class="flex flex-row w-full justify-between items-start bottom-ul">
            <ul>
                <li>帮助中心</li>
                <li><a rel="nofollow" href="//www.mi.com/service/account/Account%20registration/"
                        target="_blank">账户管理</a>
                </li>
                <li><a rel="nofollow" href="//www.mi.com/service/buy/SalesTime/" target="_blank">购物指南</a></li>
                <li><a rel="nofollow" href="//www.mi.com/service/order/sendprogress/" target="_blank">订单操作</a></li>
            </ul>
            <ul>
                <li>服务支持</li>
                <li><a rel="nofollow" href="//www.mi.com/service/exchange" target="_blank">售后政策</a></li>
                <li><a rel="nofollow" href="//www.mi.com/service/" target="_blank">自助服务</a></li>
                <li><a rel="nofollow" href="//www.mi.com/service/download/" target="_blank">相关下载</a></li>
            </ul>
            <ul>
                <li>线下门店</li>
                <li><a rel="nofollow" href="//www.mi.com/service/mihome/list" target="_blank">小米之家</a></li>
                <li><a rel="nofollow" href="//www.mi.com/service/sitelist" target="_blank">服务网点</a></li>
                <li><a rel="nofollow" href="//www.mi.com/service/family-location" target="_blank">授权体验店/专区</a></li>
            </ul>
            <ul>
                <li>关于小米</li>
                <li><a rel="nofollow" href="//www.mi.com/about/" target="_blank">了解小米</a></li>
                <li><a rel="nofollow" href="//hr.xiaomi.com/" target="_blank">加入小米</a></li>
                <li><a rel="nofollow" href="//company.mi.com/zh-cn/ir/indexContent/index.html" target="_blank">投资者关系</a>
                </li>
                <li><a rel="nofollow" href="//www.mi.com/csr/" target="_blank">企业社会责任</a></li>
                <li><a rel="nofollow" href="//www.mi.com/integrity" target="_blank">廉洁举报</a></li>
            </ul>
            <ul>
                <li>关注我们</li>
                <li><a rel="nofollow" href="//weibo.com/xiaomishangcheng" target="_blank">新浪微博</a></li>
                <li><a rel="nofollow" href="javascript:void(0);" id="J_siteWeixinCode">官方微信</a></li>
                <li><a rel="nofollow" href="//www.mi.com/about/contact/" target="_blank">联系我们</a></li>
                <li><a rel="nofollow" href="//www.mi.com/foundation/index" target="_blank">公益基金会</a></li>
            </ul>
            <ul>
                <li>特色服务</li>
                <li><a rel="nofollow" href="//www.mi.com/order/fcode" target="_blank">F 码通道</a></li>
                <li><a rel="nofollow" href="//www.mi.com/order/giftcode" target="_blank">礼物码</a></li>
                <li><a rel="nofollow" href="//www.mi.com/service/imei" target="_blank">防伪查询</a></li>
            </ul>
            <div class="text-center py-10 px-20 border-solid border-l-2 w-[250px]">
                <p class="text-red-600 text-lg">400-100-5678</p>
                <p class="text-xs">8:00-18:00(仅收市话费)</p>
                <p class="text-red-600 text-sm  my-5">人工客服</p>
                <p class="text-xs  py-5"><a href="https://weibo.com/xiaomishangcheng" target="_blank"
                        class="wb">关注小米：</a></p>
            </div>
        </div>
        <div class="site-info base-width w-[1226px] m-auto">
            <div class="container">
                <div class="logo ir">小米官网</div>
                <div class="info-text">
                    <p class="sites">
                        <a rel="nofollow" href="//www.mi.com/index.html" target="_blank">小米商城</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//www.miui.com/" target="_blank">MIUI</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//home.mi.com/index.html" target="_blank">米家</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="http://www.miliao.com/" target="_blank">米聊</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//www.duokan.com/" target="_blank">多看</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//game.xiaomi.com/" target="_blank">游戏</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//b.mi.com/?client_id=180100031058&amp;masid=17409.0358"
                            target="_blank">政企服务</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//xiaomi.tmall.com/" target="_blank">小米天猫店</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//privacy.mi.com/all/zh_CN/" target="_blank">小米集团隐私政策</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html"
                            target="_blank">小米公司儿童信息保护规则</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//m.mi.com/support/module?id=63&amp;headless=1"
                            target="_blank">小米商城隐私政策</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//www.mi.com/aptitude/list?id=62" target="_blank">小米商城用户协议</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank">问题反馈</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="javascript:void(0);" class="J_siteGlobalRegion">Select Location</a>
                    </p>
                    <p class="sites">
                        <a rel="nofollow" href="http://www.mi.com/beihu" target="_blank">北京互联网法院法律服务工作站</a>
                        <span class="sep">|</span> <a rel="nofollow" href="http://www.cca.org.cn/"
                            target="_blank">中国消费者协会</a>
                        <span class="sep">|</span> <a rel="nofollow" href="http://www.bj315.org/"
                            target="_blank">北京市消费者协会</a>
                    </p>
                    <p>
                        © <a href="javascript:;" target="_blank" title="mi.com">mi.com</a> 京ICP证110507号
                        <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备10046444号</a>
                        <a rel="nofollow"
                            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134"
                            target="_blank">京公网安备11010802020134号</a>
                        <a href="//www.mi.com/culture-license/" target="_blank">京网文[2020]0276-042号</a> <br>
                        <a href="//www.mi.com/medical/record/" target="_blank">（京）网械平台备字（2018）第00005号</a>
                        <a href="//www.mi.com/medical/qualification/" target="_blank">互联网药品信息服务资格证
                            (京)-非经营性-2014-0090</a>
                        <a href="//www.mi.com/business-license/" target="_blank">营业执照</a>
                        <a href="//www.mi.com/medical/list/" target="_blank">医疗器械质量公告</a> <br>
                        <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e0c7d4cf3b7cd88de10196e30c92e020.png"
                            target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案
                        京食药网食备202010048 &nbsp;
                        <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png"
                            target="_blank">食品经营许可证</a>
                        <br>
                        违法和不良信息举报电话：171-5104-4404&nbsp;
                        <a href="https://www.mi.com/intellectual"
                            target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                </div>
                <div class="info-links">
                    <a rel="nofollow"
                        href="//privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&amp;lang=zh-cn"
                        target="_blank">
                        <img rel="nofollow" src="//i1.mifile.cn/f/i/17/site/truste.png"
                            alt="TRUSTe Privacy Certification"></a>
                    <a rel="nofollow" href="//search.szfw.org/cert/l/CX20120926001783002010" target="_blank">
                        <img rel="nofollow" src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站"></a>
                    <a id="_xinchacharenzheng_cert_vip_kexinweb" rel="nofollow"
                        href="//xyt.xinchacha.com/pcinfo?sn=523009637759455232&amp;certType=6" target="_blank">
                        <img rel="nofollow" src="//xyt.xinchacha.com/img/icon/icon3.png" alt="可信网站"></a>
                    <a rel="nofollow" href="//www.mi.com/service/buy/commitment/" target="_blank">
                        <img rel="nofollow" src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png"
                            alt="诚信经营 放心消费"></a>
                    <a rel="nofollow" href="https://webcert.cnmstl.net/cert/grade?sn=3af21034e35011eab3ea00163e068ceb"
                        class="safe-auth J_safeAuth  active">
                        <img rel="nofollow"
                            src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png"
                            class="img1">
                        <img rel="nofollow"
                            src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/22407dc8caca1c40692301706eb87df4.png"
                            class="img2">
                    </a>
                </div>
            </div>
        </div>
    </div>
</template>
  
<script  setup>

</script>
  
<style scoped lang="scss">
.foot-top>li:hover {
    color: #fe6a00;

}

.bottom-ul>ul>li:first-child {
    padding: 10px 0;
    cursor: pointer;
}


.bottom-ul>ul>li+li {
    font-size: 12px;
    padding: 5px 0;
    cursor: pointer;
}

.bottom-ul>ul>li+li:hover {
    color: #fe6a00;
}

.site-info {
    padding: 30px 0;
    font-size: 12px;
    background: #fafafa;

    >.container {
        position: relative;

        .logo {
            width: 56px;
            height: 56px;
            margin-right: 20px;
            background: url(https://s02.mifile.cn/assets/static/image/logo-mi2.png) no-repeat;
            background-size: 56px;
            position: absolute;
            top: 0;
            left: 0;
        }

        .ir {
            display: block;
            text-align: left;
            text-indent: -9999em;
            overflow: hidden;
        }

        .info-text {
            color: #b0b0b0;
            padding-left: 77px;

            p {
                margin: 0;
                line-height: 18px;
            }

            .sites {
                a {
                    color: #757575;
                }

                .sep {
                    margin: 0;
                }
            }
        }

        .info-links {
            height: 28px;
            margin: 4px 0 15px;
            padding-left: 77px;

            a {
                display: inline-block;
            }

            img {
                width: auto;
                height: 28px;
                margin-left: 0;
            }
        }
    }
}
</style>